@import 'base-color.scss';

//my-resource.vue
.tl-top .active{color: $mco;border-bottom:3px solid #3F66F6;}
.title-sec2{width: 100%;height: 42px;padding: 15px 0;}
.title-secl{line-height: 42px;vertical-align: middle;margin-left: 30px;color:#8F95B3;}
.checkbox-ip{width: 18px;height: 18px;vertical-align: middle;cursor: pointer; }
.search{line-height: 42px;vertical-align: middle;}
.search-box{float: right;margin-right: 30px;height: 100%;width: 230px;background: $mcb;line-height: 42px; padding-left: 14px;}
.search-box input{border:none;outline: none;color: #8F95B3; background: $mcb;}
.title-secul{display: inline-block;overflow: hidden;vertical-align: middle;line-height: 42px; }
.title-secul2{li{span{margin-left: 0px;}}}
.title-secul2 .space-line{height: 18px;width: 1px;background: $mc3;margin-top: 12px;margin-left: 0px; margin-right: 0px;}
.title-secul li{ float: left;height: 42px;margin-left: 15px;margin-right: 15px;cursor: pointer;}
.title-secul li span{color: $mc1;}

.up-nav{ background: #fff;overflow: hidden;.title-left{text-align: left;padding: 30px 0px 15px 30px;}}
.tl-top{overflow: hidden;}
.tl-top>li:first-of-type{margin-left: 0px;}
.tl-top>li{float: left;margin-left: 44px;font-size: 16px;cursor: pointer;}

.my-resource{
    .down-bookInfo{
        ul{
            li{
                margin-top: 10px;
                width: 19%;float: left;background: #fff;margin-right: 1%;
                .info1{
                    position: relative;width: 100%;height: 240px;text-align: center;
                    .tag{
                        text-align: left;
                        height: 34px;
                        .icon-box{
                            background: $mco;padding: 2px 6px 2px 12px;color: #fff;float: left;
                        }
                    }
                    .info1-cover{width:150px;height: 190px;background: lightcoral;display: inline-block;img{width:100%;height: 100%;}}
                }
                .info2{
                    margin-top: 20px;padding: 0 14px 20px 14px;color: #3D404D;
                    .info-man{margin-top: 10px;color: #666A80;}
                }
                .info3{
                   color: #3D404D;padding: 0px 14px 30px 14px;
                    .info-number{font-size: 20px;color: #ff8c35;vertical-align: baseline;display: inline-block;}
                    span{font-size: 12px;color: #3D404D;vertical-align: middle;display: inline-block;}
                    .info3-man{float: right;vertical-align: middle;color: #666A80;line-height: 30px;}
                }
            }
        }
    }
}
.single{width: 0;height: 0; border:11px solid rgba(1,1,1,0);border-left:11px solid $mco;float: left}
.dbi-listinfo li{cursor: pointer;}
.dbi-listinfo>li:hover{box-shadow:0px 0px 10px 5px $mc3;}


/* book-info */

.book-nav{background: #fff; padding: 25px 20px; line-height: 20px;}
.book-addbtn{color: $mco; line-height: 14px;cursor: pointer;}
.book-box{background: #fff; padding: 30px 30px;}

.bookinfo-cover{width: 180px; height: 260px;padding: 20px 30px;}
.bookinfo-cover img{ width:170px; max-height:228px;}
.bookinfo-info{margin-left: 260px;}
.bookinfo-infotitle{font-weight: bolder;color: $mc1;display: inline-block;}
.bookinfo-minor{background: #f7f8fa; padding: 20px 10px;}

.bim-qus{vertical-align: top;}
.bim-count{width: 80px; right: 20px; top: 15px; text-align: center;}
.p-abso{span{color:$mc1;font-weight: bolder;}}
.bim-num{color: #ff8c35;}
.bim-text{color: $mc4;}
.bid-one{display: inline-block; width: 168px; line-height: 44px; margin: 0 10px 0 0; background: #f7f8fa; text-align: center; font-weight: bold; font-size: 16px; border-radius: 2px; color: $mc2;cursor: pointer;}
.bid-two{background: $mco; color: #fff;}/*按钮可分配状态*/

.book-tit{line-height: 40px; padding: 0 30px; color: $mc2; font-size: 16px; background: $mcb;}

.book-productbox{padding: 10px 30px; font-size: 14px;}
.bp-box{float: left; width: 25%; line-height: 40px; color: $mc2;}
.bp-box > span{display: inline-block; vertical-align: top;}
.bpb-name{width: 60px;}
.bpb-des{color: $mc3;  }
.bpb-mr60{margin-right: 60px;}
.bpb-name2{color: $mc2;}

.btt-img>img{width:100%;height:900px;background: grey;display: block;margin-top: 10px;}
.btt-content{padding:20px 16px;word-wrap:break-word;}
.btt-content span{color: $mc1;display: block;line-height: 23px;}

/*course*/
.middle{vertical-align: middle;}
.bottom{vertical-align: bottom;}
.lh34{line-height: 34px;}
.course-send{width: 17px;height:17px;}
.course-text{color:$mc3;}

.csr-input{width: 300px;height: 40px;background: $mcb;}
.csr-input>img{width: 20px;height:20px;background: $mco;}
.csr-input>input{margin: 0px 0px 0px 15px;line-height: 38px;border:none;outline: none;background: $mcb;}

.cl-list>li:hover{box-shadow:0px 0px 5px 5px $mc3;}
.cl-list li{width:19%;cursor: pointer;float: left;margin-right: 1%;}
.cll-img{width: 100%;height: 174px;}
.cll-title{color:$mc2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cll-author{color:$mc2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cll-bottom{padding: 20px 14px 10px;background: #fff;}
.orange{color: #ff8c35;}
.cll-shop{color:$mc2;}

/*course-info*/
.undobtn{color:$mc3;}/*按钮不可分配状态*/
.break-word{word-wrap:break-word;}
.course-infobox{padding:30px;}
.ci-cover{height:150px;background: $mc3;}

.course-infolist{width: 100%;background: #fff;position:relative;}
.cil-box{width: 100%;background: $mcb;height:40px;}
.cil-box>li{width: 200px;text-align: center;height: 40px;line-height: 40px;background: $mcb;cursor: pointer;}
.course-infocover{width: 320px;height:240px;}
.course-infocover img{width: 100%;height: 100%;}
.cil-title{color: $mc1;font-weight: bolder;box-sizing: border-box;height:100%;}
.cil-active{border-top:3px solid #3F66F6;background: #fff;}
.cil-introduce{text-align: left;line-height: 20px; color:$mc2;background: #fff;}
.cil-introtitle{color: $mc2;}
.cil-des{color: $mc3;line-height: 20px;padding-right: 80px;}

.cilt-title{font-weight: bolder;color:$mc1;}
.cilt-list{padding: 10px 30px;background: #fff;cursor: pointer;}
.cilt-list:hover{background: $mcb;}
.ciltl-content1{color:$mc3;}
.ciltl-content2{color:$mc2;}
.ciltl-contentimg{width: 10px;height:10px;background: $mc1;}
.ciltl-content3{color:$mc1;}


/*course-content-video*/
.course-ctvideo{background: #fff;}

.ctvideo-title{padding:15px 30px;background: #fff;color:$mc1;font-weight: bolder;text-align: left;line-height: 20px;}
.ctvideo-info{padding: 20px 20px;background: #fff;}
.video-box{width:100%;max-height:484px;}
.video{}


.vinfo-title{color:$mc1;font-weight: bolder;}
.vinfo-des{text-align: left;padding-right: 50px;}
.vinfo-des>p{color:$mc2;line-height: 20px;}

/*course-content-audio*/
.course-ctaudio{background: #fff;}
.audio-box{max-height:400px;background: #fff;padding-left: 28px;}
.audio{}

/*add-resource-list*/
.al-system{background: #fff;padding-bottom: 30px;padding-left: 30px;}

.addrl-list ul li{background: #fff;}

.nav-font-active{color:$mco;}
.nav-label{color: #8F95B3;}
.nav-list>li{margin-right: 44px;cursor: pointer;}
.nav-list>li>span{color: #3D404D;}

/*upload-info*/
.share-icon{width: 15px;height:15px;display: inline-block;}
.bid2-one{ width: 50px;padding: 5px 0px; margin: 0 10px 0 0; background: #f7f8fa; text-align: center; font-weight: bold; font-size: 14px; border-radius: 2px; color: $mc4;cursor: pointer;}
.bid2-one>span{display: block;}

.ui-bimtxt{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 30px;}

/* course-list*/



/*courses-list*/
.bim-textlist{text-align: left;width: 20%;display: inline-block;min-width: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.bookinfo-num span{display: inline-block;}
.num-pub{width: 30px;height:30px;border:1px solid #e1e7eb;color: #a3aacc;display: inline-block;text-align: center;line-height: 30px;cursor: pointer;}
.num-minus{margin-left: 30px;}
.num-number{width: 50px;height: 30px;background: #fff;border-bottom: 1px solid #e1e7eb;border-top: 1px solid #e1e7eb;display: inline-block;text-align: center;line-height: 30px; }
.num-add{}

/*books-info*/
.bimt-firsttxt{margin-left: 27px;}
